<template>
    <div class="app_go_list">
        <div class="top">
            <div class="toplist">
                <div class="btn" :class="status==0?'activate':''"  @click="changetab(0)">等待成团</div>
                <div class="btn" :class="status==1?'activate':''"  @click="changetab(1)">拼团成功</div>
                <div class="btn" :class="status==2?'activate':''"  @click="changetab(2)">拼团失败</div>
            </div>
        </div>
        <div class="main">
            <div class="main_list" v-for="(item,index) in list" :key="index">
                <div class="main_title"><p>{{item.orderno}}</p></div>
                <div class="center" >
                    <div class="left">
                        <img :src="resurl+item.go_id.pic+'?x-oss-process=image/resize,m_fill,w_240,h_240'" alt="" alt="">
                    </div>
                    <div class="right">
                        <div class="name">{{item.go_id.name}}</div>
                        <div class="money"><span>{{item.go_id.price}}</span></div>
                        <div class="amount">×{{item.go_id.number}}</div>
                    </div>
                </div>
                <div class="amount_list">
                    <div class="list">订单日期:{{item.start_datetime}}</div>
                    <div class="list">订单金额￥<span>{{item.go_price}}</span> </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script src="./main.js"></script>

<style lang="less" src="./main.less" scoped></style>
